<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>仿QQ彩贝</title>
  <link href="css/style.css" rel="stylesheet"/>
  <script src="js/jquery-1.8.3.min.js"></script>
  <script src="js/index.js"></script>
  <script src="js/pbl.js"></script>
 </head>
 <body>
	<header class="top">
		<div class="wrap">
			<a href="">赚彩贝</a>
			<a href="">花彩贝</a>
		</div>
	</header>
	<!--导航-->
	<section class="menu">
		<div class="wrap">
			<a href="" class="logo left"><span>QQ彩贝积分</span></a>
			<div class="nav-menu left">
				<div class="menu-main left">
					<span class="menu-tag menu-tagz">赚积分</span>
					<ul class="menu-con">
						<li>
							<a href="" class="item-mall">返回商城</a>
						</li>
						<li>
							<a href="" class="item_travel">商旅频道</a>
						</li>
					</ul>
				</div>
				<div class="menu-main left">
					<span class="menu-tag menu-tagh">花积分</span>
					<ul class="menu-con">
						<li>
							<a href="" class="item_gmall">积分商城</a>
						</li>
					</ul>
				</div>
				<div class="menu-main left">
					<ul class="menu-con">
						<li>
							<a href="" class="item_about">了解彩贝</a>
						</li>
						<li>
							<a href="" class="item_act">彩贝活动</a>
						</li>
						<li>
							<a href="" class="item_i ">个人中心</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="menu-r right">
				<a href="" class="icon-bbs"></a>
				<a href="" class="icon-wb"></a>
				<a href="" class="icon-mail"></a>
			</div>
		</div>
	</section>
	<!--主内容-->
	<section class="sec-main">
		<div class="wrap">
			<div class="sec1">
				<!--左侧菜单-->
				<div class="sec-mainL left">
					<div class="mainL-hd-box">
						<h2 class="mainL-hd">
							<a href="">购物返彩贝商家</a>
						</h2>
					</div>
					<!--菜单列表-->
					<ul class="sec-mainNav">
						<li>
							<h3>数码家电</h3>
							<div class="menu-tab">
								<a href="">京东</a>
								<a href="">易迅</a>
								<a href="">苏宁易购</a>
								<div class="fix"></div>
							</div>
							<span class="menu-more">更多</span>
							<!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">京东</a>
										<a href="">易迅</a>
										<a href="">苏宁易购</a>
										<a href="">新蛋商城</a>
										<a href="">手机数码</a>
										<a href="">摄像影音</a>
										<a href="">耳麦音响</a>
										<a href="">国美在线</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li>
											<a href=""><img src="img/0.png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (1).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (2).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (3).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0.jpg"/></a>
										</li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn">
									<span>查看全部商家</span>
									<em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>食品酒水</h3>
							<div class="menu-tab">
								<a href="">美食特产</a>
								<a href="">酒水茶叶</a>
								<a href="">蛋糕预订</a>
								<div class="fix"></div>
							</div>
							<span class="menu-more">更多</span>
							<!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">美食特产</a>
										<a href="">酒水茶叶</a>
										<a href="">蛋糕预订</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li>
											<a href=""><img src="img/0.png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (1).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (2).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (3).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0.jpg"/></a>
										</li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn">
									<span>查看全部商家</span>
									<em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>商旅出行</h3>
							<div class="menu-tab">
								<a href="">酒店预订</a>
								<a href="">机票预订</a>
								<a href="">商旅综合</a>
								<div class="fix"></div>
							</div>
							<span class="menu-more">更多</span>
							<!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">酒店预订</a>
										<a href="">机票预订</a>
										<a href="">商旅综合</a>
										<a href="">度假预订</a>
										<a href="">火车票预订</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li>
											<a href=""><img src="img/0.png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (1).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (2).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (3).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0.jpg"/></a>
										</li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn">
									<span>查看全部商家</span>
									<em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>日用百货</h3>
							<div class="menu-tab">
								<a href="">飞飞商城</a>
								<a href="">图书教育</a>
								<a href="">百货</a>
								<div class="fix"></div>
							</div>
							<span class="menu-more">更多</span>
							<!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">飞飞商城</a>
										<a href="">图书教育</a>
										<a href="">百货</a>
										<a href="">家纺家具</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li>
											<a href=""><img src="img/0.png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (1).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (2).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (3).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0.jpg"/></a>
										</li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn">
									<span>查看全部商家</span>
									<em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>男女服装</h3>
							<div class="menu-tab">
								<a href="">时尚女装</a>
								<a href="">精品男装</a>
								<a href="">男女内衣</a>
								<div class="fix"></div>
							</div>
							<span class="menu-more">更多</span>
							<!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">时尚女装</a>
										<a href="">精品男装</a>
										<a href="">男女内衣</a>
										<a href="">综合商城</a>
										<a href="">限时特卖</a>
										<a href="">淘宝品牌</a>
										<a href="">休闲服饰</a>
										<a href="">运动户外</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li>
											<a href=""><img src="img/0.png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (1).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (2).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (3).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0.jpg"/></a>
										</li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn">
									<span>查看全部商家</span>
									<em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>鞋包配饰</h3>
							<div class="menu-tab">
								<a href="">潮流女鞋</a>
								<a href="">商务男鞋</a>
								<a href="">时尚包包</a>
								<div class="fix"></div>
							</div>
							<span class="menu-more">更多</span>
							<!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">潮流女鞋</a>
										<a href="">商务男鞋 </a>
										<a href="">时尚包包</a>
										<a href="">运动休闲</a>
										<a href="">珠宝首饰</a>
										<a href="">经典腕表</a>
										<a href="">户外生活</a>
										<a href="">奢侈品</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li>
											<a href=""><img src="img/0.png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (1).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (2).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (3).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0.jpg"/></a>
										</li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn">
									<span>查看全部商家</span>
									<em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>美容美妆</h3>
							<div class="menu-tab">
								<a href="">天天网</a>
								<a href="">美妆商城</a>
								<a href="">眼镜美瞳</a>
								<div class="fix"></div>
							</div>
							<span class="menu-more">更多</span>
							<!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">天天网</a>
										<a href="">美妆商城</a>
										<a href="">眼镜美瞳</a>
										<a href="">品牌商城</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li>
											<a href=""><img src="img/0.png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (1).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (2).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (3).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0.jpg"/></a>
										</li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn">
									<span>查看全部商家</span>
									<em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>母婴保健</h3>
							<div class="menu-tab">
								<a href="">壹药网</a>
								<a href="">康爱多</a>
								<a href="">医药保健</a>
								<div class="fix"></div>
							</div>
							<span class="menu-more">更多</span>
							<!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">壹药网</a>
										<a href="">康爱多</a>
										<a href="">医药保健</a>
										<a href="">成人用品</a>
										<a href="">母婴商城</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li>
											<a href=""><img src="img/0.png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (1).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (2).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (3).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0.jpg"/></a>
										</li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn">
									<span>查看全部商家</span>
									<em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>娱乐生活</h3>
							<div class="menu-tab">
								<a href="">游戏</a>
								<a href="">彩票</a>
								<a href="">演出票务</a>
								<div class="fix"></div>
							</div>
							<span class="menu-more">更多</span>
							<!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">游戏</a>
										<a href="">彩票</a>
										<a href="">演出票务</a>
										<a href="">线上冲印</a>
										<a href="">生活服务</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li>
											<a href=""><img src="img/0.png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (1).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (2).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0 (3).png"/></a>
										</li>
										<li>
											<a href=""><img src="img/0.jpg"/></a>
										</li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn">
									<span>查看全部商家</span>
									<em></em>
								</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="sec-mainM left">
					<!--中间轮播-->
					<div class="focus">
						<ul class="silde">
							<li><img src="img/focus3.jpg"/></li>
							<li><img src="img/focus1.jpg"/></li>
							<li><img src="img/focus2.jpg"/></li>
							<li><img src="img/focus4.jpg"/></li>
						</ul>
						<ul class="silde-page">
							<li class="on"><a href="">早市天黑黑四周年庆</a></li>
							<li><a href="">办卡领取双肩包</a></li>
							<li><a href="">音乐消暑 冰爽一夏</a></li>
							<li><a href="">腾讯积分会员店</a></li>
						</ul>
					</div>
					<!--中间展示-->
					<div class="sec-m-pic">
						<div class="left pic-itemA">
							<a href=""><img src="img/m1.jpg"/></a>
						</div>
						<div class="left pic-item">
							<a href=""><img src="img/m2.jpg"/></a>
						</div>
						<div class="left pic-item item-nr">
							<a href=""><img src="img/m3.jpg"/></a>
						</div>
						<div class="left pic-item item-nb">
							<a href=""><img src="img/m4.jpg"/></a>
						</div>
						<div class="left pic-item item-nr item-nb">
							<a href=""><img src="img/m5.jpg"/></a>
						</div>
						<div class="fix"></div>
					</div>
				</div>
				<div class="sec-mainR left">

					<!--高级搜索-->
					<div class="itemTop">
						<div class="login-box">
							<form class="login">
								<div class="search">
									<h2>高级搜索</h2>
									<p class="search-main">
										<input type="type" placeholder="请输入关键字"/>
									</p>
									<div class="search-all">
										<a href="javascript:">
											<span>场合</span>
											<span></span>
											<div class="btm">
												<span>场合</span>
												<span>职业</span>
												<span>聚会</span>
												<span>休闲</span>
												<span>运动</span>
											</div>
										</a>
										<a href="javascript:">
											<span>性别</span>
											<span></span>
											<div class="btm">
												<span>性别</span>
												<span>男</span>
												<span>女</span>
											</div>
										</a>
										<a href="javascript:">
											<span>风格</span>
											<span></span>
											<div class="btm">
												<span>风格</span>
												<span>时尚</span>
												<span>修身</span>
												<span>品味</span>
												<span>约会</span>
											</div>
										</a>
										<a href="javascript:">
											<span>色系</span>
											<span></span>
											<div class="btm">
												<span>色系</span>
												<span>暖色</span>
												<span>冷色</span>
												<span>中性</span>
											</div>
										</a>
										<a href="javascript:">
											<span>价格</span>
											<span></span>
											<div class="btm">
												<span>价格</span>
												<span>1-100</span>
												<span>101-500</span>
												<span>500-1000</span>
												<span>1000以上</span>
											</div>
										</a>
										<a href="javascript:">
											<span>季节</span>
											<span></span>
											<div class="btm">
												<span>季节</span>
												<span>春夏</span>
												<span>秋冬</span>
											</div>
										</a>
										<a href="javascript:">
											<span>年龄</span>
											<span></span>
											<div class="btm">
												<span>年龄</span>
												<span>20-30</span>
												<span>0-10</span>
												<span>10-20</span>
												<span>30-40</span>
											</div>
										</a>
									</div>
									<div class="search-submit"><a href="javascript:;">搜索</a></div>
								</div>
							</form>
						</div>
						<!--彩贝能做什么-->
						<dl class="how">
							<dt>彩贝能做什么</dt>
							<dd>
								<span></span>
								<a href="">100彩贝=￥1.00元</a>
							</dd>
							<dd>
								<span></span>
								<a href="">尊享优质商旅预订服务</a>
							</dd>
							<dd>
								<span></span>
								<a href="">可兑换近千款精美礼品</a>
							</dd>
						</dl>
					</div>

					<!--快速入口-->
					<div class="other-link">
						<div class="other-link-list">
							<h3>快速入口</h3>
							<ul class="link-ul">
								<li>
									<a href=""><span></span>商家导航</a>
								</li>
								<li>
									<a href=""><span></span>拍拍返利</a>
								</li>
								<li>
									<a href=""><span></span>腾讯业务</a>
								</li>
								<li>
									<a href=""><span></span>娱乐生活</a>
								</li>
								<li>
									<a href=""><span></span>拾贝任务</a>
								</li>
								<li>
									<a href=""><span></span>兑换码激活</a>
								</li>
								<div class="fix"></div>
							</ul>
						</div>
						<div class="link-code">
							<h3>关注彩贝微信有惊喜</h3>
							<span class="wx-code">
								<img src="img/showqrcode.jpg" width="80" height="80"/>
							</span>
						</div>
					</div>
				</div>
				<div class="fix"></div>
			</div>
			<!--积分商城-->
			<div class="sec2">
				<h2 class="jf-hd">
					<span></span>积分商城<span><span class="fc1">100</span>彩贝=¥<span class="fc1">1.00</span>元</span>
				</h2>
				<div class="showpic clearfix" id="showpic">
					<div class="box">
						<div class="info">
							<div class="pic"><img src="img/pbl/1.jpg"/></div>
							<div class="title">布洛克潮鞋，配以欧美潮流服饰，色彩丰富的穿着，尽显男人潮流品味</div>
						</div>
					</div>
					<div class="box">
						<div class="info">
							<div class="pic"><img src="img/pbl/2.jpg"/></div>
							<div class="title">欧美时尚搭配，无论是朋友聚会，逛街都是焦点</div>
						</div>
					</div>
					<div class="box">
						<div class="info">
							<div class="pic"><img src="img/pbl/3.jpg"/></div>
							<div class="title">女神的婚纱季，新款婚纱，高端定制！</div>
						</div>
					</div>
					<div class="box">
						<div class="info">
							<div class="pic"><img src="img/pbl/4.jpg"/></div>
							<div class="title">美尔雅大牌羊毛单西搭配同色休闲裤 色彩统一 品位立显</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--版权-->
	<section class="wrap">
		<footer>
			<p>
				<a href="">关于腾讯</a>|
				<a href="">About Tencent</a>|
				<a href="">服务条款</a>|
				<a href="">广告服务</a>|
				<a href="">腾讯招聘</a>|
				<a href="">客服中心</a>|
				<a href="">网站导航</a>
			</p>
			<p>Copyright©1998-2015 Tencent. All Rights Reserved.</p>
			<p>腾讯公司 版权所有</p>
		</footer>
	</section>

	<!--右侧广告-->
	<div class="ad">
		<img src="img/right.png"/>
	</div>
	<!--右侧菜单-->
	<div class="rightMenu">
		<div class="rightMenuBox">
			<a href="javascript:void(0);" class="backTop">返回顶部</a>
			<span class="menu-edu rightMenuBtn"></span>
			<span class="menu-wx rightMenuBtn"></span>
		</div>
		<div class="edu-main rightMenuHover">
			<ul>
				<li>
					<p class="edu-img edu-img1"></p>
					<p class="edu-btm fix">
						<span class="edu-btmImg edu-step1"></span>
						<span class="left">登录QQ彩贝<br/>返利商城</span>
					</p>
				</li>
				<li>
					<p class="edu-img edu-img2"></p>
					<p class="edu-btm fix">
						<span class="edu-btmImg edu-step2"></span>
						<span class="left">去商家购物，免注册、<br/>逾300家认证商家</span>
					</p>
				</li>
				<li>
					<p class="edu-img edu-img3"></p>
					<p class="edu-btm fix">
						<span class="edu-btmImg edu-step3"></span>
						<span class="left">完成交易<br/>商家核对订单</span>
					</p>
				</li>
				<li>
					<p class="edu-img edu-img4"></p>
					<p class="edu-btm fix">
						<span class="edu-btmImg edu-step4"></span>
						<span class="left">订单核对有效<br/>彩贝到账</span>
					</p>
				</li>
			</ul>
		</div>
		<div class="edu-wx-img rightMenuHover">
			<img src="img/showqrcode.jpg" width="80" height="80"/>
			<p>关注彩贝微信，获取优惠信息</p>
		</div>
	</div>
 </body>
</html>
